<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib prefix="s" uri="/struts-tags" %>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>S6办公系统</title>
    
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->
 <style type="text/css">
 a{ text-decoration:none;}
 ul,li{ list-style:none; padding:0px; margin:auto; text-align:center;}
 ul{ padding-left:50px;}
 
            body{
            	background:#D6D3C9;
				color:#383835;
				font-family:Arial, Arial, Helvetica, sans-serif;
            }
			
			
            #bubblemenu li {
                display: inline;
                margin-left: 15px;
				cursor:pointer;
            }
			
            
            #bubblemenu li > div {
                width: 150px;
                min-height: 10px;
			    position: absolute;
                display: inline;
                margin-left: -120px;
                padding: 2px;
				visibility:hidden;
                opacity: 0;
                margin-left: 50px;
				background: #ffffff;
				font-size:1em;
				
				/* Setting the border-radius property for all Browsers */
                -moz-border-radius: 5px; /* Firefox */
                -webkit-border-radius: 5px; /* Safari and Chrome */
                border-radius: 5px; /* Browsers that Support it like Opera */
				
				/* Setting the box-shadow property for all Browsers */
                -moz-box-shadow: 0 0 8px gray; /* Firefox */
                -webkit-box-shadow: 0 0 8px gray; /* Safari and Chrome */
				filter: progid:DXImageTransform.Microsoft.Shadow(color='#272229', Direction=135, Strength=3); /* IE */
                box-shadow: 0 0 8px gray; /* Browsers that Support it like Opera */

				/* Setting the transition property for all Browsers */
				-moz-transition: all 0.5s ease-in-out; /* Firefox */
                -webkit-transition: all 0.5s ease-in-out; /* Safari and Chrome */
                -o-transition: all 0.5s ease-in-out; /* Opera */
                transition: all 0.5s ease-in-out; /* Browsers that Support it */

				
            }
            
			
            #bubblemenu li:hover > div {
            	
				visibility:visible;
                opacity: 1;
                margin-left: 50px;
				
				/* Setting the transition property for all Browsers */
				-moz-transition: all 0.5s ease-in-out; /* Firefox */
                -webkit-transition: all 0.5s ease-in-out; /* Safari and Chrome */
                -o-transition: all 0.5s ease-in-out;  /* Opera */
                transition: all 0.5s ease-in-out; /* Browsers that Support it */
            }
        </style>
    </head>
    <body>
   
   
   
    <ul id="bubblemenu">
    <table width="500px" border="0">
  <tr>
    <td>发件人</td>
    <td>主题</td>
    <td>时间</td>
  </tr>
  <s:iterator value="list_userinfo">
  <tr>      
         <td><a href="jboa/EmailFindSByid.action?id=<s:property value='id'/>"><s:property value="userinfoByFromUserinfoId.name"/><a>
         <div>       
         </td>
         <td><li>
         <s:if test="status=='已读'"><img src="web/web/images/yidu.png" width="25" height="25"><s:property value="title"/></s:if>
         <s:else><img src="web/web/images/weidu.png" width="25" height="25"><s:property value="title"/></s:else>
          </div></li></td>
         <td><s:date format="yyyy-MM-dd" name="cteatetime"/></td>
        
      </tr> 
  </s:iterator>
</table>
    </ul>
</body>
</html>